<template>
<a-locale-provider :locale="zhCN">
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <keep-alive>
        <router-view v-if="$route.meta.keepAlive"/>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"/>
  </div>
</a-locale-provider>
</template>
<script>
import Vue from 'vue'
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
import {LocaleProvider} from 'ant-design-vue'
Vue.component(LocaleProvider.name, LocaleProvider)
export default {
  name: 'App',
  data () {
    return {
      logo: require('@/assets/logo.png'),
      zhCN
    }
  },
  mounted () {
    // 动态设置favicon
    const link = document.querySelector("link[rel*='icon']") || document.createElement('link')
    link.type = 'image/x-icon'
    link.rel = 'shortcut icon'
    link.href = this.logo
    document.getElementsByTagName('head')[0].appendChild(link)
  }
}
</script>

<style>
 html{
    font-size: .625em;
    font-size: calc(1em * .625);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body{
    background: darkcyan;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
}
#app {
  width: 100%;
  height: 100%;
}
.content-center {
  text-align:center;
}
.form-item-hidden {
  height: 1px;
  margin: 0;
  padding: 0;
}
 /** 上下左右居中 */
.center-center {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

</style>
